<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./WEB-INF/template.xhtml">
            <ui:define name="title">
                <h:outputText value="Promociones | Subway El Salvador!" />
            </ui:define>
            <ui:define name="content">
                <f:view>
                    <div id="content_inner">
                        <div id="banner">
                            <div id="menu_index">
                                <ul>
                                    <li><a href="#">Promo 1</a></li>
                                    <li><a href="#">Promo 2</a></li>
                                    <li><a href="#">Promo 3</a></li>
                                    <li><a href="#">Promo 4</a></li>
                                    <li><a href="#">Promo 5</a></li>
                                </ul>
                            </div><!-- end of menu_index -->
                            <div id="slide" style="margin: 0 175px">
                                <p:carousel itemStyleClass="carItem" pageLinks="3" autoPlayInterval="4000"   
                                            rows="1" effect="easeInStrong" circular="true">  
                                    <p:graphicImage value="/images/slide/BBasica1.jpg"/>  
                                    <p:graphicImage value="/images/slide/BBasica2.jpg"/>  
                                    <p:graphicImage value="/images/slide/BBasica3.jpg"/>  
                                </p:carousel>
                            </div>
                        </div>
                        <div class="content">
                            <h1 align="center">¿Qu&eacute; se te antoja?</h1>
                            <div id="div1">
                                <h2>Quieres un sandwich?</h2>
                                <center><img src="images/sandwich.jpg" alt="pan" width="222" height="161" class="imgdiv" /></center>
                                <p>Nuestros deliciosas sandwich tiene la mejor combinacion de ingredientes que haran
                                    que regreses por uno mas...</p>
                                <p><a href=""> 
                                        <li>
                                            <h:form>  
                                                <p:growl id="growl" sticky="true" showDetail="true"/>  
                                                <h:outputLink id="openDialogLink" value="javascript:void(0)" onclick="dlg.show()">Elegir</h:outputLink>  
                                                <p:dialog id="promocion" widgetVar="dlg" header="Quieres un delicioso sandwich?" width="425"  
                                                          resizable="false" showEffect="clip" hideEffect="clip">  
                                                    <p:ajax event="close" update="growl" listener="#{dialogBean.handleClose}"/>  
                                                    <p:graphicImage value="images/sandwich.jpg" />  
                                                </p:dialog>  

                                            </h:form>  
                                        </li>
                                    </a></p>
                            </div><!-- end of div1 -->
                            <div id="div2">
                                <h2> Te parece una ensalada? </h2>
                                <center><img src="images/ensalada.jpg" alt="ensalada" width="222" height="161" class="imgdiv" /></center>
                                <p>Una ensalada es principalmente un plato frío con hortalizas mezcladas, 
                                    cortadas en trozos y en varios lugares aderezadas, fundamentalmente 
                                    con sal...</p>
                                <p><a href="">   
                                        <li><a href="ensalada.xhtml">Elegir</a></li>
                                    </a></p>
                            </div><!-- end of div2 -->
                            <div id="div3">
                                <h2>revisa nuestros combos!!!</h2>
                                <center><img src="images/COMBO_2.jpg" alt="combo" width="222" height="161" class="imgdiv" /></center>
                                <p>Una ensalada es principalmente un plato frío con hortalizas mezcladas, 
                                    cortadas en trozos y en varios lugares aderezadas, fundamentalmente 
                                    con sal...</p>
                                <p><a href=""> 
                                        <li><a href="combo.xhtml">Elegir</a></li>
                                    </a></p>
                            </div><!-- end of div3 -->

                            <div class="cleaner_h5"></div>
                        </div><!-- end of content -->
                    </div><!-- end of content_inner -->
                </f:view>
            </ui:define>
        </ui:composition>

    </body>
</html>
